import TypeCount from "@/components/TypeCount";
import Title from "../../components/title";
import "./index.less";

const L_2_box = (props: any) => {
  return (
    <div className="mt-[20px] h-[285px]">
      <Title title={"预约客流"} />
      <div className="box_content" style={{padding:'10px 20px'}}>
        <div className="yuyue flex items-center justify-between pl-[70px] pr-[40px] mt-[15px]">
          <div className="font16">已预约人数</div>
          <div>
            <TypeCount
              title=""
              size="small"
              color="#12FFFC"
              value="2372"
              unit="人"
            />
          </div>
        </div>
        <div className="l2-bg flex justify-between items-center  mt-[23px]">
          <div>
            <div>
              <TypeCount
                top
                title="已入检人数"
                size="small"
                color="#12FFFC"
                value="2372"
                unit="人"
                valueStyle={{marginTop:'-10px'}}
              />
            </div>
          </div>
          <div className="text-[#FFE05F] font18">预约客流</div>
          <div>
            <div>
              <TypeCount
                title="待入检人数"
                size="small"
                top
                color="#12FFFC"
                value="2372"
                unit="人"
                valueStyle={{marginTop:'-10px'}}
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};
export default L_2_box;
